<?php
namespace view;

use view\Render;

class RenderIndex extends Render{

	function __construct(){
		
	}
	
	public  function render(){
		
		$this->renderHead();
		$this->renderLogo();
		$this->renderInfo();
		$this->renderPageContent();
		$this->renderFooter();
		
	}
	
	public function renderPageContent(){
	 	$this->renderInfo();
	 	$this->renderLoginRegForm();
	 	
	 }
	 
	 public function renderHead(){
	 	echo "<head>
				<meta charset=\"UTF-8\">
				<link type='text/css' rel='stylesheet' href='style/index-style.css'>
				<script src='scripts/jquery-2.1.1.min.js'></script>
				<script src='scripts/index.js'></script>
				<script src='scripts/log-reg.js'></script>
				<title>Златният век</title>
			</head>";
	 }
	 
	 private  function renderInfo(){
	 	echo "<div id='container-info'>
				<img id='info-img' src='images/info-img.jpg'/>
				<div id='info-list'>
					<ul>
						<li>Провери знанията си</li>
						<li>Съзтезавай се срещу приятели</li>
						<li>Преживей Златния Век</li>
					</ul>
				</div>
			</div>";
	 }
	 
	 private  function renderLoginRegForm(){
	 	
	 	echo "<div id='container-login-reg'>
				<p id='login-reg-text'><span id='login'>Вход</span> / <span id='reg' >Регирстрация</span></p>
				<div id='content-login-reg'>
					<input type='text' id='username-login' class='login-input' placeholder='Потребителско име'/><br/>
					<input type='password' id='password-login' class='login-input' placeholder='Парола'/><br/>
					<div id='login-button' class='log-button'>Вход</div>
					<div id='login-facebook' class='log-button'><span id='fb-img'>f</span><span id='fb-cont'>Вход с Facebook</span></div>
					<div id='login-google' class='log-button'><span id='google-img'>g</span><span id='google-cont'>Вход с Google+</span></div>
				</div>
			</div>";
	 }
}